<template>
    <div>
        <el-descriptions :column=2 v-for="item, index in tableData " :key="index">
            <el-descriptions-item prop="company">{{ item.company }}</el-descriptions-item>
            <el-descriptions-item prop="companydata">{{ item.companydata }}</el-descriptions-item>
            <el-descriptions-item prop="companytype">
                <el-button type="primary" size="default" @click="">{{ item.companytype }}</el-button>
            </el-descriptions-item>
            <el-descriptions-item prop="companynotice">{{ item.companynotice }}</el-descriptions-item>
        </el-descriptions>
    </div>
</template>

<script setup lang="ts">
interface IProps {
    tableData:Array<{ id: string; companydata: string; company: string; companytype: string; companynotice: string }>;
}
const props = defineProps<IProps>()
</script>

<style lang="scss" scoped></style>